body{
    min-height:100vh
}
.left_nav{
    display:flex;
    flex-wrap:nowrap;
    height:100vh;
    max-height:100vh;
    overflow-x:auto;
    overflow-y:hidden
}

.lighter-dark{
    background-color: #5c636a;
}

#Catalog {
    padding: 1ex;
    background:white;
    text-align:center;
}

.my-div{
    margin-top: 50px;
    align-content: center;
    margin-left: 60px;
    margin-right: 60px;
    padding: 30px
}

.small-div{
    margin: 12px;
    align-content: center;
}

.single-component{
    padding: 10px;
}

.radius{
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.my-table{
    border: darkgray;
}

.bg-color{
    /* 渐变背景 */
    background: linear-gradient(200deg,#e3c5eb,#a9c1ed);
    /* 溢出隐藏 */
    overflow: hidden;
}

.my-nav{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.4);

    margin-left: 60px;
    margin-right: 60px;

    display: flex;
}

.my-button{
    width: 130px;
}

.home-button{
    margin: 6% 8% 6% 8%;
}

.operation-btn{
    width: 90px;
}

.home-button:hover{
    background: #e3c5eb;
    background-position-x: -280px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.8);
}

.my-select{
    width: 100px;
}